<template>
  <div id="index">
    <!-- 头部组件 -->
    <Head :seller="seller"></Head>
    <!-- 中间导航+商品列表左侧+右侧布局 -->
    <Content :goods="goods"></Content>
    <!-- 底部组件 -->
    <Footer></Footer>
  </div>
</template>
<script>
import Head from "@/components/Home/Header.vue";
import Content from "@/components/Home/Content.vue";
import Footer from "@/components/Home/Footer.vue";
export default {
  components: { Head, Content, Footer },
  data() {
    return {
 seller:[],//头部数据
 goods:[],//左边导航数据
    };
  },
  methods: {},
 created(){
     this.$http.get("/api/data.json").then((res)=>{
         console.log(res)
         this.seller=res.data.seller
         this.goods=res.data.goods
     })
 }
};
</script>
<style >
#index {
  width: 100%;
  height: 100%;
  display: flex;
flex-direction: column;
}
</style>